<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
	<!-- 头部 -->
	<div class="header wrap">
		<img src="images/logo.png">
		<ul class="h-nav">
			<li><a href="##">首页</a></li>
			<li class="h-menu">
				<a>走进万鑫</a>
				<ul class="h-menu-com h-menu-show">
					<li><a href="##">CEO介绍</a></li>
					<li><a href="##">集团介绍</a></li>
					<li><a href="##">集团战略</a></li>
				</ul>
			</li>
			<li class="h-menu">
				<a href="##">万鑫产业</a>
				<ul class="h-menu-com h-menu-show2">
					<li><a href="##">房地产开发</a></li>
					<li><a href="##">工程装饰管理</a></li>
					<li><a href="##">生态旅游开发</a></li>
					<li><a href="##">摩登酒店公寓</a></li>
					<li><a href="##">酒店餐饮管理</a></li>
				</ul>
			</li>
			<li><a href="##">新闻资讯</a></li>
			<li><a href="##">人才招聘</a></li>
			<li><a href="##">联系万鑫</a></li>
		</ul>
	</div>
	<!-- 头部 End-->

	<div class="flexslider">
		<ul class="slides">
			<li style="background:url(images/banner.jpg) 50% 0 no-repeat;"></li>
			<li style="background:url(images/banner.jpg) 50% 0 no-repeat;"></li>
			<li style="background:url(images/banner.jpg) 50% 0 no-repeat;"></li>
		</ul>
	</div>
	<div class="wrap">
		<div class="five">
			<div class="flist">
				<a href="房地产开发.html">
					<img src="images/i1.png" class="fp1">
					<img src="images/i11.png" class="fp2">
					<p class="f-t1">房地产开发</p>
					<p class="f-t2">Real estate development</p>
				</a>
			</div>
			<div class="flist fred">
				<a href="工程装饰管理.html">
					<img src="images/i2.png" class="fp1">
					<img src="images/i22.png" class="fp2">
					<p class="f-t1">工程装饰管理</p>
					<p class="f-t2">Engineering decoration</p>
				</a>
			</div>
			<div class="flist">
				<a href="生态旅游开发.html">
					<img src="images/i3.png" class="fp1">
					<img src="images/i33.png" class="fp2">
					<p class="f-t1">生态旅游开发</p>
					<p class="f-t2">Ecological tourism</p>
				</a>
			</div>
			<div class="flist">
				<a href="摩登酒店公寓.html">
					<img src="images/i4.png" class="fp1">
					<img src="images/i44.png" class="fp2">
					<p class="f-t1">摩登酒店公寓</p>
					<p class="f-t2">Modern Apartment</p>
				</a>
			</div>
			<div class="flist">
				<a href="酒店餐饮管理.html">
					<img src="images/i5.png" class="fp1">
					<img src="images/i55.png" class="fp2">
					<p class="f-t1">酒店餐饮管理</p>
					<p class="f-t2">Hotel dinging service</p>
				</a>
			</div>
		</div>

		<div id="new" class="clear">
			<div class="new-left fl">
				<div class="new-top">
					<ul>
						<li class="new-show">
							<img src="images/m11.jpg" class="db" alt="">
							<img src="images/m22.jpg" alt="">
						</li>
						<li class="new-all">
							<img src="images/m1.jpg" alt="">
							<img src="images/m2.jpg" alt="">
						</li>
						
					</ul>
					<div class="new-txt">
						<p>摩登别舍度假公寓（北京古北口店）位于北京市密云县司马台长城脚下（龙湖长城源著小区内），紧邻风景秀丽的国家5A级景区—古北水镇旅游区公寓北侧是600年历史的明司马台长...</p>
					</div>
				</div>
			</div>
			<div class="new-right fr">
				<div class="new-rtit">
					<span class="new-rs1 nsec">集团新闻</span>
					<span class="new-rs2">项目风采简报</span>
				</div>
				<ul class="new-cont db">
					<li><a href="##"><span>2017.1.24</span>  万鑫携某某集团合作战略签约仪式在西海岸某某举行，董事1...</a></li>
					<li><a href="##"><span>2017.1.24</span>  万鑫携某某集团合作战略签约仪式在西海岸某某举行，董事1...</a></li>
					<li><a href="##"><span>2017.1.24</span>  万鑫携某某集团合作战略签约仪式在西海岸某某举行，董事1...</a></li>
					<li><a href="##"><span>2017.1.24</span>  万鑫携某某集团合作战略签约仪式在西海岸某某举行，董事1...</a></li>
					<li><a href="##"><span>2017.1.24</span>  万鑫携某某集团合作战略签约仪式在西海岸某某举行，董事1...</a></li>
				</ul>
				<ul class="new-cont">
					<li><a href="##"><span>2017.1.24</span>  万鑫携某某集团合作战略签约仪式在西海岸某某举行，董事2...</a></li>
					<li><a href="##"><span>2017.1.24</span>  万鑫携某某集团合作战略签约仪式在西海岸某某举行，董事2...</a></li>
					<li><a href="##"><span>2017.1.24</span>  万鑫携某某集团合作战略签约仪式在西海岸某某举行，董事2...</a></li>
					<li><a href="##"><span>2017.1.24</span>  万鑫携某某集团合作战略签约仪式在西海岸某某举行，董事2...</a></li>
					<li><a href="##"><span>2017.1.24</span>  万鑫携某某集团合作战略签约仪式在西海岸某某举行，董事2...</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="wrap por">
			<div class="foot-left">
				<p>青岛万鑫联合集团有限公司  版权所有</p>
				<p>鲁ICP备05321918</p>
			</div>
			<div class="foot-right">
				<a href="##">走近万鑫</a><span>/</span>
				<a href="##">万鑫产业</a><span>/</span>
				<a href="##">新闻中心</a><span>/</span>
				<a href="##">联系我们</a>
			</div>
		</div>
	</div>
	<script src="js/jquery.js"></script>
	<script src="js/common.js"></script>
	<script src="js/jquery.flexslider.js"></script>
	<script>
		$(function(){
			
			// 幻灯片调用
			$('.flexslider').flexslider({
				directionNav: true,
				pauseOnAction: false,
				animation: "fade",
				slideshowSpeed: 4000
			});
			// 集团新闻切换
			$(".new-rtit span").on('click',function(){
				var s = $(this).index();
				$(this).addClass('nsec').siblings().removeClass('nsec');
				$(".new-cont").eq(s).addClass('db').siblings('.new-cont').removeClass('db')
			});

			$(".flist").hover(function(){
				$(this).addClass('fred').siblings().removeClass('fred');
			})

			$(".new-all img").hover(function(){
				$(".new-show img").eq($(this).index()).addClass('db').siblings().removeClass('db');
			})
		})
	</script>
</body>
</html>